﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductDetails.aspx.cs" Inherits="WorkShop.ProductDetails" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>i-MegaShopping</title>
    <style type="text/css">
        .auto-style2 {
            width: 101px;
        }
        .auto-style4 {
            width: 158px;
        }
    </style>
</head>
<body>
    <form id="frmProductDetails" runat="server">
    <div style="width: 687px; height: 500px; border:2px solid #e22fe4; margin: 0 auto; padding:10px">
            
        <h2 style="color:#ba7a2c;text-align:center">Product Details</h2>
        <p style="text-align:center">Order ID:
            <asp:Label ID="lblOrderID" runat="server" Text="[lblOrderID]"></asp:Label>
        </p>
        <asp:Panel ID="Panel2" runat="server" Height="192px" BorderColor="#0099FF" BorderStyle="Solid">
            <table style="width: 100%;">
                <tr>
                    <td class="auto-style2">&nbsp;</td>
                    <td class="auto-style4">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style2">&nbsp;</td>
                    <td class="auto-style4">Product Name :</td>
                    <td>
                        <asp:DropDownList ID="ddlProductName" runat="server" Height="18px" Width="177px" OnSelectedIndexChanged="ddlProductName_SelectedIndexChanged">
                            <asp:ListItem Value="0">Select</asp:ListItem>
                            <asp:ListItem>Lumia 1020</asp:ListItem>
                            <asp:ListItem>Lumia 900</asp:ListItem>
                            <asp:ListItem>Lumia 500</asp:ListItem>
                        </asp:DropDownList>
                        <asp:RequiredFieldValidator ID="valProductNameChoice" runat="server" ControlToValidate="ddlProductName" ErrorMessage="Please choice a product name" ForeColor="Red" InitialValue="0">*</asp:RequiredFieldValidator>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style2">&nbsp;</td>
                    <td class="auto-style4">Product ID :</td>
                    <td>
                        <asp:TextBox ID="txtProductID" runat="server" Width="170px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style2">&nbsp;</td>
                    <td class="auto-style4">Price (In Dollars) :</td>
                    <td>
                        <asp:TextBox ID="txtPrice" runat="server" Width="173px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style2">&nbsp;</td>
                    <td class="auto-style4">Quantity :</td>
                    <td>
                        <asp:TextBox ID="txtQuantity" runat="server" Width="171px"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="valQuantity" runat="server" ControlToValidate="txtQuantity" ErrorMessage="Please enter a quantity" ForeColor="Red">*</asp:RequiredFieldValidator>
                        <asp:RangeValidator ID="valQuantityFormat" runat="server" ControlToValidate="txtQuantity" ErrorMessage="Quantity must be between  1 - 10" ForeColor="Red" MaximumValue="10" MinimumValue="1">*</asp:RangeValidator>
                    </td>
                </tr>
                <tr>
                    <td class="auto-style2">&nbsp;</td>
                    <td class="auto-style4">&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td class="auto-style2">&nbsp;</td>
                    <td class="auto-style4">
                        <asp:Button ID="btnNext" runat="server" Text="Next" OnClick="btnNext_Click" />&nbsp;&nbsp;
                        <asp:Button ID="btnReset" runat="server" Text="Reset" CausesValidation="False" OnClick="btnReset_Click" />
                    </td>
                    <td>
                        <asp:Label ID="lblTestError" runat="server"></asp:Label>
                    </td>
                </tr>
            </table>
        </asp:Panel>
        <asp:ValidationSummary ID="ValidationSummary1" runat="server" ForeColor="Red" HeaderText="List Errors :" />
            
    </div>
    </form>
</body>
</html>
